<!DOCTYPE html>
<style>
.cell { display:table-cell; }
.div { height: 100%; box-sizing: border-box; border: 2px solid black; padding: 2px; font: 20px Ahem;}
</style>
<div class="cell">
  <div class="div" data-expected-height=28>Text</div>
</div>
<script src="../../resources/check-layout.js"></script>
<p> crbug.com/669687: Percent height border-box content in a cell gets the correct height. </p>
<div id="output"></div>
<script>
checkLayout('.div', output);
</script>
